import styled from 'styled-components'
export const WriterTitle = styled.div`
      width: 280px;
      overflow:hidden;
      .remmendwriter{
        float: left;
        font-size: 14px;
        color: #969696;
      }
      .remmendchange{
        float:right;
        display: inline-block;
        font-size: 14px;
        color: #969696;
      }
`;
export const WriterList = styled.div`
       width: 280px;
       height: 320px;

`;
export const ListContent = styled.div`
       margin-top: 15px;
       line-height: 20px;
       overflow: hidden;
       box-sizing: border-box;
       .List-title{
          padding-top: 5px;
          margin-right: 60px;
          font-size: 14px;
          color: #333;
          cursor: pointer;
         
       }
       .concern{
          float: right;
          margin-top: 5px;
          padding: 0;
          font-size: 13px;
          color: #42c02e; 
       }
       .culture{
          margin-top: 2px;
          font-size: 12px;
          color: #969696;
       }
       .list-img{
         margin-right: 10px;
          float: left;
          width: 48px;
          height: 48px;
          border: 1px solid #ddd;
          border-radius: 50%;
       }
`;
export const FindMore = styled.div`
    box-sizing: border-box;
    margin-top: 40px;
    padding: 7px 7px 7px 12px;
    left: 0;
    width: 280px;
    height: 35px;
    font-size: 13px;
    color: #787878;
    background-color: #f7f7f7;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    .f-img{
      display: inline-block;
      margin-left: 3px;
    }
`;